<template>
        <el-dialog title="总部部门" :visible.sync="HeadDialogVisible" size="tiny" :lock-scroll='false'>
    
    
            <el-checkbox-group v-model="checkList" class='checkbox-group' @change='handleChecked'>
                <div>
                    <el-checkbox label="系统管理员"></el-checkbox>
                </div>
                <div>
                    <el-checkbox label="部门负责人"></el-checkbox>
                </div>
                <div>
                    <el-checkbox label="集团副职领导"></el-checkbox>
                </div>
                  <div>
                    <el-checkbox label="共享人事信息查看"></el-checkbox>
                </div>
                  <div>
                    <el-checkbox label="高管人事信息管理员"></el-checkbox>
                </div>
                <div>
                    <el-checkbox label="集团主要领导"></el-checkbox>
                </div>
                 <div>
                    <el-checkbox label="薪酬管理员"></el-checkbox>
                </div>
                
            </el-checkbox-group>
    
    
            <span slot="footer" class="dialog-footer">
    
    
                <el-button type="primary" @click="changeVisible">保存</el-button>


                <el-button @click="changeVisible">取消</el-button>
    

            </span>
    
        </el-dialog>
</template>

<script>
    export default {
        mounted() {

            Bus.$on('总部部门授权',data => this.HeadDialogVisible = data.headquarters )

        },
        data() {
            return {
                HeadDialogVisible:false,
                checkList: []
            }
        },
        methods: {
            handleChecked() {
                
            },
            
            changeVisible() {

               this.HeadDialogVisible = false;

            //    Bus.$emit('总部部门授权',this.HeadDialogVisible)
            }
        },
    }
</script>

<style scoped>
     .checkbox-group {
        padding: 40px 0 0 40px;
    }
    .checkbox-group div {
        margin-bottom: 10px;
    }
</style>